﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="Bussiness.View.BackEnd.Home" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Simple Tasks - Ext.NET Examples</title>
    <ext:ResourcePlaceHolder runat="server" Mode="ScriptFiles" />
    <link href="resources/main.css" rel="stylesheet" type="text/css" />

    <script src="resources/main.js" type="text/javascript"></script>

</head>
<body>
    <form id="Form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <h1>
        Image on Collapsed BorderLayout Region</h1>
    <ext:Window ID="Window1" runat="server" Title="Collapsed Region Image" Icon="Application"
        Width="1000" Height="500" Border="false" Closable="false" X="150" Y="100" Plain="true">
        <Items>
            <ext:BorderLayout ID="BorderLayout1" runat="server">
                <West MinWidth="176" Split="true">
                    <ext:Panel ID="Panel1" runat="server" Width="175" CtCls="west-panel" Title="Navigation"
                         Html="Collapse Panel to see image." Border="false">
                        <Items>
                            <ext:TreePanel ID="TreePanel1" runat="server" Width="300" Height="450" Icon="BookOpen"
                                RootVisible="false" AutoScroll="true">
                                <TopBar>
                                    <ext:Toolbar ID="Toolbar1" runat="server">
                                        <Items>
                                            <ext:Button ID="Button1" runat="server" Text="Expand All">
                                                <Listeners>
                                                    <Click Handler="#{TreePanel1}.expandAll();" />
                                                </Listeners>
                                            </ext:Button>
                                            <ext:Button ID="Button2" runat="server" Text="Collapse All">
                                                <Listeners>
                                                    <Click Handler="#{TreePanel1}.collapseAll();" />
                                                </Listeners>
                                            </ext:Button>
                                        </Items>
                                    </ext:Toolbar>
                                </TopBar>
                                <Root>
                                    <ext:TreeNode Text="Composers" Expanded="true">
                                        <Nodes>
                                            <ext:TreeNode Text="Quản lý sản phẩm" Icon="UserGray" >
                                                <Listeners>
                                                    <Click Fn="ToMG_Product" />
                                                </Listeners>
                                            </ext:TreeNode>
                                            <ext:TreeNode Text="Quản lý hóa đơn" Icon="UserGray">
                                            </ext:TreeNode>
                                            <ext:TreeNode Text="Quản lý bài viết" Icon="UserGray">
                                            </ext:TreeNode>
                                            <ext:TreeNode Text="Quản lý khách hàng" Icon="UserGray">
                                            </ext:TreeNode>
                                            <ext:TreeNode Text="Báo cáo thống kê" Icon="UserGray">
                                            </ext:TreeNode>
                                        </Nodes>
                                    </ext:TreeNode>
                                </Root>
                                <BottomBar>
                                    <ext:StatusBar ID="StatusBar1" runat="server" AutoClear="1500" />
                                </BottomBar>
                                <Listeners>
                                    <Click Handler="#{StatusBar1}.setStatus({text: 'Node Selected: <b>' + node.text + '<br />', clear: true});" />
                                    <ExpandNode Handler="#{StatusBar1}.setStatus({text: 'Node Expanded: <b>' + node.text + '<br />', clear: true});"
                                        Delay="30" />
                                    <CollapseNode Handler="#{StatusBar1}.setStatus({text: 'Node Collapsed: <b>' + node.text + '<br />', clear: true});" />
                                </Listeners>
                            </ext:TreePanel>
                        </Items>
                    </ext:Panel>
                </West>
                <Center >
                    <ext:Panel ID="Panel2" runat="server" Title="sdfasdfsd" />
                </Center>
            </ext:BorderLayout>
        </Items>
    </ext:Window>
    </form>
</body>
</html>

<script type="text/javascript">
    function ToMG_Product() {
        window.location = 'MG_Products.aspx';
    }
     
</script>

